<template>
    <div>
        <!-- 灰色神经网络模型参数 NetWorkParameter -->
        <!--测试-->
        <p class="header">灰色神经网络模型参数</p>
        <div>
            <!-- 条件查询 -->
            <el-row>
                <el-form :inline="true">
                    <el-col :sm="6" :md="6" :lg="3" :xl="2">
                        <el-form-item>
                            <template>
                                <el-select v-model="searchModel.caseSize" clearable placeholder="请选择套管尺寸">
                                    <el-option v-for="item in CaseSizeOptions" :key="item" :label="item" :value="item"
                                               :disabled="item.disabled">
                                    </el-option>
                                </el-select>
                            </template>
                        </el-form-item>
                    </el-col>
                    <el-col :sm="6" :md="6" :lg="3" :xl="2">
                        <el-form-item>
                            <template>
                                <el-select v-model="searchModel.block" clearable placeholder="请选择区块">
                                    <el-option v-for="item in blockOptions" :key="item" :label="item" :value="item"
                                               :disabled="item.disabled">
                                    </el-option>
                                </el-select>
                            </template>
                        </el-form-item>
                    </el-col>
                    <el-col :sm="6" :md="6" :lg="3" :xl="2">
                        <el-form-item>
                            <template>
                                <el-select v-model="searchModel.caselevel" clearable placeholder="请选择套管层次">
                                    <el-option v-for="item in CaselevelOptions" :key="item" :label="item" :value="item"
                                               :disabled="item.disabled">
                                    </el-option>
                                </el-select>
                            </template>
                        </el-form-item>
                    </el-col>
                    <el-col :sm="4" :md="4" :lg="2" :xl="1">
                        <el-form-item>
                            <el-button type="primary">确定</el-button>
                        </el-form-item>
                    </el-col>
                </el-form>
            </el-row>
            <div class="headstyle">基本数据</div>
            <el-row :gutter="10" class="dataform">
                <el-table
                        :data="tableData"
                        border
                        style="width: 100%; font-size: 10px; margin-left: 10px; margin-right: 10px;"
                        :max-height="tableHeight">
                    <el-table-column
                            label="井型"
                            prop="head1"
                            align="center"/>
                    <el-table-column
                            label="钻头尺寸"
                            prop="head2"
                            align="center"/>
                    <el-table-column
                            label="钻深"
                            prop="head3"
                            align="center"/>
                    <el-table-column
                            label="套管尺寸"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="封固井段"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="水泥返高"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="温度"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="温差"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="压力"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="密度"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="漏斗黏度"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="塑性粘度"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="摩阻系数"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="井眼规则情况"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="大肚子情况"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="安全窗口"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="通井效果"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="井漏影响"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="气侵影响"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="卡钻影响"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="固井工艺"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="顶替效率"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="居中度"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="施工连续性"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="施工复杂情况"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="碰压情况"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="改善措施"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="排量与设计符合情况"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="水泥浆类别"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="密度"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="稠化时间"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="稠化过渡时间"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="抗污染性能"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="井眼清洁"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="井眼轨迹"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="井眼状态"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="固井前循环"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="碰压情况"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="侯凝情况"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="试压情况"
                            prop="head4"
                            align="center"/>
                    <el-table-column
                            label="综合评分"
                            prop="head4"
                            align="center"/>
                    <!-- <el-table-column label="操作">
                        <template >
                            <el-button type="primary" size="mini" >编辑</el-button>
                            <el-button type="danger" size="mini" >删除</el-button>
                        </template>
                    </el-table-column> -->
                </el-table>
            </el-row>
            <div class="headstyle">预测模型参数</div>
            <el-row :gutter="10" class="dataform">
                <el-col :span="24">
                    <template>
                        <el-table :data="tableeditData" :span-method="objectSpanMethod" border
                                  style="width: 100%; margin-bottom: 10px; margin-left: 5px;">
                            <el-table-column align="center" prop="stages" label="阶段"></el-table-column>
                            <el-table-column align="center" prop="project" label="项目"></el-table-column>
                            <el-table-column align="center" prop="parameter" label="参数">
                                <!-- 该部分可编辑 -->
                            </el-table-column>
                            <el-table-column align="center" label="参数性质" width="200">
                                <template slot-scope="scope">
                                    <el-input v-if="!scope.row.isDictList" v-model="scope.row.ParamProperties" clearable placeholder="请输入参数性质"></el-input>
                                    <el-select v-else v-model="scope.row.ParamProperties" clearable placeholder="请选择参数性质">
                                        <el-option
                                            v-for="item in scope.row.parametersList"
                                            :key="item"
                                            :label="item"
                                            :value="item"
                                            :disabled="item.disabled"
                                        >
                                        </el-option>
                                    </el-select>
                                </template>
                            </el-table-column>
                        </el-table>
                    </template>
                </el-col>
                <el-col :span="2" :offset="22">
                    <el-button type="primary" @click="Predictmp">预测</el-button>
                </el-col>
            </el-row>
            <div class="headstyle">预测结果</div>
            <el-form ref="form" :model="form" label-width="80px" style="margin-top: 10px;">
                <el-row :gutter="10">
                    <el-col :span="12">
                        <el-form-item label="第一界面">
                            <div>{{oneInterfaceResult}}</div>
                            <!-- <el-input v-model="form.resul1" placeholder=""></el-input> -->
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="第二界面">
                            <div>{{twoInterfaceResult}}</div>
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>
        </div>
    </div>
</template>
<script>
    import {
        ListDataDictByCondition
    } from '../../../api/module/dataClassification/data_classification';
    import {
        FindNetworkPredictDict,
        PredictNetwork
    } from '../../../api/module/cementingQuality/NetWorkParameter';
    export default {
        data() {
            return {
                searchModel: {
                    caseSize: '',
                    block: '',
                },
                //预测模型参数form
                form1: {
                    "id": 0,
                    "block": "",
                    "casingLayer": "",
                    "wellType": "",
                    "bitSize": 0,
                    "drillingDepth": 0,
                    "casingSize": "",
                    "sectionStart": 0,
                    "sectionEnd": 0,
                    "cementSlurryreturnheight": 0,
                    "temperature": 0,
                    "temperatureDifference": 0,
                    "pressure": 0,
                    "density": 0,
                    "category": "",
                    "fv": 0,
                    "pv": 0,
                    "coefficient": 0,
                    "wellRulecondition": 0,
                    "bigBelly": "",
                    "densityWindow": "",
                    "wiperTrip": 0,
                    "lce": 0,
                    "gasProblem": 0,
                    "crr": 0,
                    "cementingProcess": "",
                    "displacementEfficiency": 0,
                    "moderate": 0,
                    "constructionContinuity": "",
                    "constructionComplexity": "",
                    "bump": "",
                    "remedy": "string",
                    "conformSituation": "",
                    "cementSlurrycategory": "",
                    "retarded": 0,
                    "mediumCoagulation": 0,
                    "quickDrying": 0,
                    "thickeningTime": "string",
                    "thickeningTransitiontime": "",
                    "app": "",
                    "bc": 0,
                    "bt": 0,
                    "bs": 0,
                    "pcc": 0,
                    "bumpCondition": "",
                    "houn": "",
                    "pressureTest": "",
                    "score": 0, 
                },
                oneInterfaceResult:"",
                twoInterfaceResult:"",
                //预测结果form
                form: {
                    result1: '',
                    result2: '',
                },
                CaseSizeOptions: [],   //套管尺寸
                CaselevelOptions: [], //套管层次
                blockOptions: [],     //区块
                tableData: [],
                //预测模型参数-table
                tableeditData: [
                    {
                        stages: '井眼准备',
                        project: '基础数据',
                        parameter: '区块',     //block 0
                        ParamProperties: '川西',  //'定量',
                        parametersList: [],
                        isDictList: true //true-是下拉，false-不是下拉
                    },
                    {
                        stages: '井眼准备',
                        project: '基础数据',
                        parameter: '套管层次', //Casing_Layer 1
                        ParamProperties: '油层悬挂',  //'定量',
                        parametersList: [],
                        isDictList: true
                    },  
                    {
                        stages: '井眼准备',
                        project: '基础数据',
                        parameter: '井型',    //Well_Type 2
                        ParamProperties: '直井',  //'定量',
                        parametersList: [],
                        isDictList: true
                    },
                    {
                        stages: '井眼准备',
                        project: '井身结构',
                        parameter: '钻头尺寸', //Bit_Size 3
                        ParamProperties: 241.3, //'定量',
                        isDictList: false
                    },
                    {
                        stages: '井眼准备',
                        project: '井身结构',
                        parameter: '钻深',      //Drilling_Depth 4
                        ParamProperties: 6500, //'定量',
                        isDictList: false
                    },
                    {
                        stages: '井眼准备',
                        project: '井身结构',
                        parameter: '套管尺寸',  //Casing_Size 5
                        ParamProperties: '168.28',   //'定量', 
                        isDictList: false
                    },
                    {
                        stages: '井眼准备',
                        project: '井身结构',
                        parameter: '封固井段',  //start end
                        ParamProperties: '4404.1~6500',   //定量',
                        isDictList: false
                    },
                    {
                        stages: '井眼准备',
                        project: '井身结构',
                        parameter: '水泥返高',    //CementR
                        ParamProperties: 4404,   //'定量',
                        isDictList: false
                    },
                    {
                        stages: '井眼准备',
                        project: '温度压力',
                        parameter: '温度',       //T
                        ParamProperties: 138.4,  //'定量',
                        isDictList: false
                    },
                    {
                        stages: '井眼准备',
                        project: '温度压力',
                        parameter: '温差',      //TD
                        ParamProperties: 37,  //'定量',
                        isDictList: false
                    },
                    {
                        stages: '井眼准备',
                        project: '温度压力',
                        parameter: '压力',      //Pressure
                        ParamProperties: 123.5,  //'定量',
                        isDictList: false
                    },
                    {
                        stages: '井眼准备',
                        project: '钻井液性能',
                        parameter: '密度',       //Density
                        ParamProperties: 2.05,  //'定量',
                        isDictList: false
                    },
                    {
                        stages: '井眼准备',
                        project: '钻井液性能', 
                        parameter: '类别',      //Category
                        ParamProperties: '水基',   //定量',
                        isDictList: false
                    },
                    {
                        stages: '井眼准备',
                        project: '钻井液性能',
                        parameter: '漏斗粘度',   //FV
                        ParamProperties: 48,  //'定量',
                        isDictList: false
                    },
                    {
                        stages: '井眼准备',
                        project: '钻井液性能',
                        parameter: '塑性粘度',   //PV
                        ParamProperties: 30,  //'定量',
                        isDictList: false
                    },
                    {
                        stages: '井眼准备',
                        project: '钻井液性能',
                        parameter: '摩阻系数',   //Coefficient
                        ParamProperties: 0.03,  //'定量',
                        isDictList: false
                    },
                    {
                        stages: '井眼准备',
                        project: '电测井径',
                        parameter: '井眼规则情况',//WDER
                        ParamProperties: 0.0485,   //'定性',
                        isDictList: false
                    },
                    {
                        stages: '井眼准备',
                        project: '电测井径',
                        parameter: '大肚子情况',  //Big_Belly
                        ParamProperties: '有',     //定性',
                        parametersList: ['有', '无'],
                        isDictList: true
                    },
                    {
                        stages: '井眼准备',
                        project: '地层承压',
                        parameter: '安全窗口',   //dw
                        ParamProperties: '中',    //定量', 
                        parametersList: [],
                        isDictList: true
                    },
                    {
                        stages: '井眼准备',
                        project: '通井情况',
                        parameter: '通井效果',   //Wiper_Trip 
                        ParamProperties: 2,  //'定性',
                        isDictList: false
                    },
                    {
                        stages: '井眼准备',
                        project: '井漏复杂',
                        parameter: '井漏影响',   //LCE
                        ParamProperties: 1,  //'定性',
                        isDictList: false
                    },
                    {
                        stages: '井眼准备',
                        project: '气侵复杂',
                        parameter: '气侵影响',   //BGIE
                        ParamProperties: 1,  //'定性',
                        isDictList: false
                    },
                    {
                        stages: '井眼准备',
                        project: '卡钻复杂',
                        parameter: '卡钻影响',   //CRR
                        ParamProperties: 6,  //'定性',
                        isDictList: false
                    },
                    {
                        stages: '设计与施工参数',
                        project: '固井方案',
                        parameter: '固井工艺',   //Cementing_Process
                        ParamProperties: '常规',    //'定量',
                        parametersList: [],
                        isDictList: true
                    },
                    {
                        stages: '设计与施工参数',
                        project: '固井方案',
                        parameter: '顶替效率',   //DE
                        ParamProperties: 0.9273,  //'定量',
                        isDictList: false
                    },
                    {
                        stages: '设计与施工参数',
                        project: '扶正器',
                        parameter: '居中度',    //Centere_Degree
                        ParamProperties: 0.61,  //'定量',
                        isDictList: false
                    },
                    {
                        stages: '设计与施工参数',
                        project: '施工结果',
                        parameter: '施工连续性', //Construction_Continuity
                        ParamProperties: '是',    //定量',
                        parametersList: ['是', '否'],
                        isDictList: true
                    },
                    {
                        stages: '设计与施工参数',
                        project: '施工结果',
                        parameter: '施工复杂情况',//Construction_Complexity
                        ParamProperties: '是',     //定性',
                        parametersList: ['是', '否'],
                        isDictList: true
                    },
                    {
                        stages: '设计与施工参数',
                        project: '施工结果',
                        parameter: '碰压情况',  //Bump_Condition
                        ParamProperties: '否',   //定量',
                        parametersList: ['是', '否'],
                        isDictList: true
                    },
                    {
                        stages: '设计与施工参数',
                        project: '施工结果',
                        parameter: '改善措施',   //Remedy
                        ParamProperties: '否',    //定性',
                        parametersList: ['是', '否'],
                        isDictList: true
                    },
                    {
                        stages: '设计与施工参数',
                        project: '实际施工参数',
                        parameter: '排量与设计符合情况',//CODWD
                        ParamProperties: '是',          //定性',
                        parametersList: ['是', '否'],
                        isDictList: true
                    },
                    {
                        stages: '设计与施工参数',
                        project: '实际水泥浆性能',
                        parameter: '水泥浆类别',  //CSC
                        ParamProperties: '两凝',     //定量',
                        parametersList: [],
                        isDictList: true
                    },
                    {
                        stages: '设计与施工参数',
                        project: '实际水泥浆性能',
                        parameter: '缓凝',    //Retarding
                        ParamProperties: 2.1,//'定量',
                        isDictList: false
                    },
                    {
                        stages: '设计与施工参数',
                        project: '实际水泥浆性能',
                        parameter: '中凝',     //Medium_Coagulation
                        ParamProperties: 0, //'定量',
                        isDictList: false
                    },
                    {
                        stages: '设计与施工参数',
                        project: '实际水泥浆性能',
                        parameter: '快干',      //Quick_Drying
                        ParamProperties: 2.1,  //'定量',  
                        isDictList: false
                    },
                    {
                        stages: '设计与施工参数',
                        project: '实际水泥浆性能',
                        parameter: '稠化时间',   //ThickeningTT
                        ParamProperties: '是',     //定量',
                        parametersList: ['是', '否'],
                        isDictList: true
                    },
                    {
                        stages: '设计与施工参数',
                        project: '实际水泥浆性能',
                        parameter: '稠化过渡时间', //gTT
                        ParamProperties: '是',      //定量',
                        parametersList: ['是', '否'],
                        isDictList: true
                    },
                    {
                        stages: '设计与施工参数',
                        project: '实际水泥浆性能',
                        parameter: '抗污染性能', //APP
                        ParamProperties: '是',    //定量',
                        parametersList: ['是', '否'],
                        isDictList: true
                    },
                    {
                        stages: '质量评价',
                        project: '质量评价',
                        parameter: '井眼清洁',   //BC
                        ParamProperties: 3,  //'定性',
                        isDictList: false
                    },
                    {
                        stages: '质量评价',
                        project: '质量评价',
                        parameter: '井眼轨迹',   //BT
                        ParamProperties: 3,  //'定性',
                        isDictList: false
                    },
                    {
                        stages: '质量评价',
                        project: '质量评价',
                        parameter: '井眼状态',   //BS
                        ParamProperties: 4,  //'定性',
                        isDictList: false
                    },
                    {
                        stages: '质量评价',
                        project: '质量评价',
                        parameter: '固井前循环',//PCC
                        ParamProperties: 7, //'定性',
                        isDictList: false
                    },
                    {
                        stages: '质量评价',
                        project: '质量评价',
                        parameter: '碰压情况', //Bump
                        ParamProperties: '否',  //'定量',
                        parametersList: ['是', '否'],
                        isDictList: true
                    },
                    {
                        stages: '质量评价',
                        project: '质量评价',
                        parameter: '侯凝情况',  //HouNing
                        ParamProperties: '是',   //定性',
                        parametersList: ['是', '否'],
                        isDictList: true
                    },
                    {
                        stages: '质量评价',
                        project: '质量评价', 
                        parameter: '试压情况',   //Pressure_Test
                        ParamProperties: '是',    //定量',
                        parametersList: ['是', '否'],
                        isDictList: true
                    },
                    {
                        stages: '质量评价',
                        project: '质量评价',
                        parameter: '综合评分',   //score
                        ParamProperties: 92,  //'定量',
                        isDictList: false
                    }
                ],
                //预测模型参数-字典
                parametersList: {},
                //table展示数据（样式）
                tableHeight: this.$route.query.tableHeight,
                rowStyle: {height: '30px'},
                cellStyle: {
                    padding: 0
                },
            }
        },
        created() {
            this.ListDataDictByCondition()
            this.FindNetworkPredictDict()
        },
        methods: {
            //获取井别下拉列表
            ListDataDictByCondition() {
                //获取油区
                ListDataDictByCondition('区块').then((res) => {
                    // console.log(res.data)
                    this.blockOptions = res.data;
                });
                //获取套管尺寸
                ListDataDictByCondition('套管尺寸').then((res) => {
                    // console.log(res.data)
                    this.CaseSizeOptions = res.data;
                });
                //获取套管层次
                ListDataDictByCondition('套管层次').then((res) => {
                    // console.log(res.data)
                    this.CaselevelOptions = res.data;
                });
            },
            //查询--预测模型参数的字典数据
            FindNetworkPredictDict() {
                FindNetworkPredictDict().then((res) => {
                    // console.log(res)
                    this.parametersList = res.data
                    this.tableeditData[0].parametersList = this.parametersList['blocks']
                    this.tableeditData[1].parametersList = this.parametersList['casingLayers']
                    this.tableeditData[2].parametersList = this.parametersList['wellTypes']
                    this.tableeditData[18].parametersList = this.parametersList['densityWindows']
                    this.tableeditData[23].parametersList = this.parametersList['cementingProcesses']
                    this.tableeditData[31].parametersList = this.parametersList['cementSlurryCategories']
                    // console.log(this.parametersList)
                });
            },
            //预测模型参数--预测操作
            PredictNetwork() {
                PredictNetwork(this.form1).then((res) => {
                    console.log(res)
                    if(res.code == 200) {
                        this.oneInterfaceResult=res.data.oneInterfaceResult
                        this.twoInterfaceResult=res.data.twoInterfaceResult
                        this.$message({
                            message: '预测成功!',
                            type: 'success'
                        });
                    }
                })
            },
            //点击模型参数预测
            Predictmp() {
                var i = -1
                for(var k in this.form1) {
                    if(i >= 0 && i<this.tableeditData.length) {
                        this.form1.id = i
                        // 下拉-全是str
                        if(this.tableeditData[i].isDictList) { 
                            this.form1[k] = this.tableeditData[i].ParamProperties
                        } else {
                            //井段--double 
                            if(k == 'sectionStart') {
                                var start_end = this.tableeditData[i].ParamProperties.split('~')
                                this.form1[k] = parseFloat(start_end[0])
                                i = i - 1
                            } else if(k == 'sectionEnd') {
                                var start_end = this.tableeditData[i].ParamProperties.split('~')
                                this.form1[k] = parseFloat(start_end[1])
                            } else {
                                //int 
                                if(k == 'wiperTrip' || k == 'lce' || k == 'gasProblem' || k == 'crr' || k == 'bc' || k == 'bt' || k == 'bs' || k == 'pcc' || k == 'score') {
                                    var temp1 = parseInt(this.tableeditData[i].ParamProperties)
                                    if(temp1!= null)
                                        this.form1[k] = temp1
                                    else
                                        this.form1[k] = 0
                                } else if(k == 'casingSize' || k == 'category') { //str
                                    this.form1[k] = this.tableeditData[i].ParamProperties
                                } else { // double
                                    this.form1[k] = parseFloat(this.tableeditData[i].ParamProperties)
                                }  
                            }
                        }
                    }
                    i++
                }
                console.log(this.form1)
                this.PredictNetwork()
            },
            //样式
            objectSpanMethod({row, column, rowIndex, columnIndex}) {
                // console.log("before： ",row,column,rowIndex,columnIndex)
                if (columnIndex === 0) {
                    if (rowIndex === 0) {
                        return {
                            rowspan: 23,
                            colspan: 1
                        };
                    } else if (rowIndex === 23) {
                        return {
                            rowspan: 16,
                            colspan: 1
                        };
                    } else if (rowIndex === 39) {
                        return {
                            rowspan: 8,
                            colspan: 1
                        };
                    } else {
                        return {
                            rowspan: 0,
                            colspan: 0
                        };
                    }
                }
                // console.log("after", row,column,rowIndex,columnIndex)
                if (columnIndex === 1) {
                    if (rowIndex === 0) {
                        return {
                            rowspan: 3,
                            colspan: 1
                        }
                    } else if (rowIndex === 3) {
                        return {
                            rowspan: 5,
                            colspan: 1
                        }
                    } else if (rowIndex === 8) {
                        return {
                            rowspan: 3,
                            colspan: 1
                        }
                    } else if (rowIndex === 11) {
                        return {
                            rowspan: 5,
                            colspan: 1
                        }
                    } else if (rowIndex === 16) {
                        return {
                            rowspan: 2,
                            colspan: 1
                        }
                    } else if (rowIndex === 18) {
                        return {
                            rowspan: 1,
                            colspan: 1
                        }
                    } else if (rowIndex === 19) {
                        return {
                            rowspan: 1,
                            colspan: 1
                        }
                    } else if (rowIndex === 20) {
                        return {
                            rowspan: 1,
                            colspan: 1
                        }
                    } else if (rowIndex === 21) {
                        return {
                            rowspan: 1,
                            colspan: 1
                        }
                    } else if (rowIndex === 22) {
                        return {
                            rowspan: 1,
                            colspan: 1
                        }
                    } else if (rowIndex === 23) {
                        return {
                            rowspan: 2,
                            colspan: 1
                        }
                    } else if (rowIndex === 25) {
                        return {
                            rowspan: 1,
                            colspan: 1
                        }
                    } else if (rowIndex === 26) {
                        return {
                            rowspan: 4,
                            colspan: 1
                        }
                    } else if (rowIndex === 30) {
                        return {
                            rowspan: 1,
                            colspan: 1
                        }
                    } else if (rowIndex === 31) {
                        return {
                            rowspan: 7,
                            colspan: 1
                        }
                    } else if (rowIndex === 38) {
                        return {
                            rowspan: 8,
                            colspan: 1
                        }
                    } else {
                        return {
                            rowspan: 0,
                            colspan: 0
                        }
                    }
                }

            },
        }
    }
</script>
<style scoped="scoped">
    .header {
        color: black;
        margin-bottom: 10px;
        text-align: left;
        font-size: 17px;
        background-color: #eef0f6;
        font-weight: 400;
        letter-spacing: 0px;
        height: 27px;
        padding: 5px 10px;
    }

    .dataform {
        width: 97%;
        margin-left: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .headstyle {
        height: 25px;
        font-size: 14px;
        padding: 5px 10px;
        background-color: hsl(225, 39%, 48%);
        color: white;
    }
</style>
